/*-Defaults Ingreso al sistema ---------------------------------------------*/
#ingresoSistema{
    width: 500px;
    height: 500px;

    position: absolute;
    top: 45%;
    left: 50%;
  
    margin-top: -100px;   /* height/2 = 500px / 2 */
    margin-left: -220px;  /* width/2 = 500px / 2 */
}
.ingresoSistema{
    background: #fff;
    width: 350px;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    padding:  10px 30px 5px 30px;
    
   box-shadow: 2px 2px 0 #ccc;
   -webkit-box-shadow: 2px 2px 0 #ccc;
   -moz-box-shadow: 2px 2px 0 #ccc;
}

    /*Formulario de Ingreso*/
    .ingresoSistema h1{
    font-size: 35px;
    color:#566262;
    float: left;
    margin-left: 20px;
    }
    .ingresoSistema label{
    font-size: 11px;
    color:#566262;
    }
    .ingresoSistema input{
    font-size: 15px;
    padding: 5px;
    border: solid 1px #b7b7b7;
    background: #ededed;
        -moz-border-radius: 5px; /* Firefox*/
        -ms-border-radius: 5px; /* IE 8.*/
        -webkit-border-radius: 5px; /* Safari,Chrome.*/
        border-radius: 5px; /* El estándar.*/
    margin-left: 20px;
    }
    .ingresoSistema input[type=submit]{
        float: right;
        margin-top: 10px;
        padding: 5px 10px 5px 10px;
        color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
        cursor: pointer;
    }
    .ingresoSistema input[type=submit]:hover{
        background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
    }
